<template>
    <div id="page">

        <!-- 顶部 -->
        <div id="header_top">
            <p class="iconfont">&#xe6bc;</p>
            <p>商品列表</p>
            <p>
                <span class="iconfont">&#xf0112;
                </span>
                <span class="iconfont">&#xe71e;</span>
                <i></i>
            </p>
        </div>

        <!-- 搜索 -->
        <form action="">
            <input type="text" name="" id="" class="iconfont" placeholder="按内容搜索">
        </form>

        <!-- 导航 -->
        <nav>
            <ul>
                <li class="cur">
                    <a href="#">综合推荐</a>
                </li>
                <li><a href="#">销量</a></li>
                <li>
                    <a href="#" class="iconfont">价格&#xe606;</a>
                </li>
                <li><a href="#">好评度</a></li>
                <li><a href="#">店铺</a></li>
            </ul>
            <p>
                <span class="iconfont">&#xe611;</span>
                筛选
            </p>
        </nav>

        <!-- 筛选 -->
        <div id="screen">
            <p>筛选11.11大促销商品</p>
        </div>

        <!-- 内容 -->
        <main>
            <ul>
                <li>
                    <div class="left">
                        <img src="../../assets/images/shop.jpg" alt="">
                    </div>
                    <div class="right">
                        <p>水肌美净肤洁面膏 100g/支</p>
                        <p>净透毛孔，温和不紧绷，清爽控油</p>
                        <p>
                            <i>￥</i>
                            <span>999</span>
                            <del>￥1099</del>
                            <i>999人已付款</i>
                        </p>
                        <p>11.11限时299元起</p>
                        <p>999条评价 99.99%好评</p>
                    </div>
                </li>
                <li>
                    <div class="left">
                        <img src="../../assets/images/shop.jpg" alt="">
                    </div>
                    <div class="right">
                        <p>水肌美净肤洁面膏 100g/支</p>
                        <p>净透毛孔，温和不紧绷，清爽控油</p>
                        <p>
                            <i>￥</i>
                            <span>999</span>
                            <del>￥1099</del>
                            <i>999人已付款</i>
                        </p>
                        <p>11.11限时299元起</p>
                        <p>999条评价 99.99%好评</p>
                    </div>
                </li>
                <li>
                    <div class="left">
                        <img src="../../assets/images/shop.jpg" alt="">
                    </div>
                    <div class="right">
                        <p>水肌美净肤洁面膏 100g/支</p>
                        <p>净透毛孔，温和不紧绷，清爽控油</p>
                        <p>
                            <i>￥</i>
                            <span>999</span>
                            <del>￥1099</del>
                            <i>999人已付款</i>
                        </p>
                        <p>11.11限时299元起</p>
                        <p>999条评价 99.99%好评</p>
                    </div>
                </li>
                <li>
                    <div class="left">
                        <img src="../../assets/images/shop.jpg" alt="">
                    </div>
                    <div class="right">
                        <p>水肌美净肤洁面膏 100g/支</p>
                        <p>净透毛孔，温和不紧绷，清爽控油</p>
                        <p>
                            <i>￥</i>
                            <span>999</span>
                            <del>￥1099</del>
                            <i>999人已付款</i>
                        </p>
                        <p>11.11限时299元起</p>
                        <p>999条评价 99.99%好评</p>
                    </div>
                </li>
                <li>
                    <div class="left">
                        <img src="../../assets/images/shop.jpg" alt="">
                    </div>
                    <div class="right">
                        <p>水肌美净肤洁面膏 100g/支</p>
                        <p>净透毛孔，温和不紧绷，清爽控油</p>
                        <p>
                            <i>￥</i>
                            <span>999</span>
                            <del>￥1099</del>
                            <i>999人已付款</i>
                        </p>
                        <p>11.11限时299元起</p>
                        <p>999条评价 99.99%好评</p>
                    </div>
                </li>
            </ul>
        </main>


    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped src='../../assets/css/shop_list.css'>

</style>